// const wxml = `
// <view class="container" >
//   <view class="item-box red">
//   </view>
//   <view class="item-box green" >
//     <text class="text">yeah!</text>
//   </view>
//   <view class="item-box blue">
//       <image class="img" src="https://t7.baidu.com/it/u=727914236,1893672909&fm=193" ></image>
//   </view>
// </view>
// `;

// const style = {
//     container: {
//         width: 400,
//         height: 300,
//         flexDirection: "column",
//         backgroundColor: "#ccc",
//         justifyContent: "space-around",
//         alignItems: "center",
//     },
//     itemBox: {
//         width: 80,
//         height: 60,
//     },
//     red: {
//         backgroundColor: "#ff0000",
//     },
//     green: {
//         backgroundColor: "#00ff00",
//     },
//     blue: {
//         backgroundColor: "#0000ff",
//         alignItems: "center",
//         justifyContent: "center",
//     },
//     text: {
//         width: 80,
//         height: 60,
//         textAlign: "center",
//         verticalAlign: "middle",
//     },
//     img: {
//         width: 40,
//         height: 40,
//         borderRadius: 20,
//     },
// };

// module.exports.wxml = wxml;
// module.exports.style = style;

const wxml = `
<view class="container" >

  <view class="item-box green" >
    <text class="text">yeah!</text>
  </view>
  <view class="item-box blue">
      <image class="img" src="https://t7.baidu.com/it/u=727914236,1893672909&fm=193" ></image>
      <text>text class="text">123</text>
  </view>
</view>
`;

const style = {
    container: {
        width: 400,
        height: 300,
        flexDirection: "column",
        backgroundColor: "#ccc",
        justifyContent: "space-around",
        alignItems: "center",
    },
    itemBox: {
        display: "flex",
        flexDirection: "column",
        justifyContent: "space-around",
        alignItems: "center",
        width: 80,
        height: 120,
    },

    green: {
        backgroundColor: "#00ff00",
    },
    blue: {
        backgroundColor: "#0000ff",
        alignItems: "center",
        justifyContent: "center",
    },
    text: {
        width: 80,
        height: 60,
        textAlign: "center",
        verticalAlign: "middle",
    },
    img: {
        width: 40,
        height: 40,
        borderRadius: 20,
    },
};

module.exports.wxml = wxml;
module.exports.style = style;